<template>
  <div id="app">
    <div v-if="score >= 90">金羊</div>
    <div v-else-if="score >= 80">红羊</div>
    <div v-else-if="score >= 70">粉羊</div>
    <div v-else-if="score >= 60">黑羊</div>
    <div v-else>白羊</div>
  </div>
</template>

<script>
// 本地图片的引入使用import导入方式进行使用
// vue组件使用是ES6模块化的规范
export default {
  name: "App",
  components: {},
  // data:对象/函数在组件中只能是函数
  data() {
    return {
      score: 50,
    };
  },
  methods: {},
};
</script>

<style>
</style>
